import {createApp} from 'vue'
import App from './App.vue'
import ElementPlus from 'element-plus'
import CdsBaseUI from 'cds-ui-base-components'
import './assets/example.scss'
import route from './router'
import store from './store'
import * as CdsIcons from 'cds-ui-icon'
 // import CdsBusinessComponents from 'cds-ui-business-components'
import 'cds-ui-base-components/dist/theme-chalk/index.scss'
import 'cds-ui-business-components/dist/theme-chalk/index.scss'
import 'cds-ui-layout/dist/theme-chalk/index.scss'

import i18n from './i18n/index'

// 这是一个可以使code高亮的插件
import 'highlight.js/styles/atom-one-light.css'
import 'highlight.js';
import hljsVuePlugin from "@highlightjs/vue-plugin";
import '@/assets/examples.scss';


let app = createApp(App)
app.use(ElementPlus)
app.use(route)
app.use(hljsVuePlugin)
for (const [key, component] of Object.entries(CdsIcons)) {
    app.component(key, component)
}
// app.provide(/* 注入名 */ 'message', /* 值 */ zhCn)
app.use(i18n)
app.use(store)
app.use(CdsBaseUI)
 // app.use(CdsBusinessComponents)
app.mount('#app')
